<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>气泡提示</title>
    <link rel="stylesheet" href="./view/气泡提示/styles.css">
</head>
<body>
<!-- 气泡提示 Unnamed (Line) -->
<div id="u8890" class="ax_default line">
    <img id="u8890_img" class="img " src="assets/images/气泡提示/u8890.svg"/>
    <div id="u8890_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8891" class="ax_default label">
    <div id="u8891_div" class=""></div>
    <div id="u8891_text" class="text ">
        <p><span>提示内容</span></p>
    </div>
</div>

<!-- Unnamed (Triangle) -->
<div id="u8892" class="ax_default box_1">
    <img id="u8892_img" class="img " src="assets/images/文字提示/u8733.svg"/>
    <div id="u8892_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>
</div>

<!-- Unnamed (Group) -->
<div id="u8893" class="ax_default" data-left="230" data-top="656" data-width="160" data-height="82">

    <!-- Unnamed (Rectangle) -->
    <div id="u8894" class="ax_default box_1">
        <div id="u8894_div" class=""></div>
        <div id="u8894_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8895" class="ax_default label">
        <div id="u8895_div" class=""></div>
        <div id="u8895_text" class="text ">
            <p><span>提示标题</span></p>
        </div>
    </div>

    <!-- Unnamed (Line) -->
    <div id="u8896" class="ax_default line">
        <img id="u8896_img" class="img " src="assets/images/气泡提示/u8890.svg"/>
        <div id="u8896_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8897" class="ax_default label">
        <div id="u8897_div" class=""></div>
        <div id="u8897_text" class="text ">
            <p><span>提示内容</span></p>
        </div>
    </div>

    <!-- Unnamed (Triangle) -->
    <div id="u8898" class="ax_default box_1">
        <img id="u8898_img" class="img " src="assets/images/文字提示/u8733.svg"/>
        <div id="u8898_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u8899" class="ax_default" data-left="401" data-top="798" data-width="154" data-height="88">

    <!-- Unnamed (Rectangle) -->
    <div id="u8900" class="ax_default box_1">
        <div id="u8900_div" class=""></div>
        <div id="u8900_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8901" class="ax_default label">
        <div id="u8901_div" class=""></div>
        <div id="u8901_text" class="text ">
            <p><span>提示标题</span></p>
        </div>
    </div>

    <!-- Unnamed (Line) -->
    <div id="u8902" class="ax_default line">
        <img id="u8902_img" class="img " src="assets/images/气泡提示/u8890.svg"/>
        <div id="u8902_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8903" class="ax_default label">
        <div id="u8903_div" class=""></div>
        <div id="u8903_text" class="text ">
            <p><span>提示内容</span></p>
        </div>
    </div>

    <!-- Unnamed (Triangle) -->
    <div id="u8904" class="ax_default box_1">
        <img id="u8904_img" class="img " src="assets/images/文字提示/u8733.svg"/>
        <div id="u8904_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u8905" class="ax_default" data-left="577" data-top="798" data-width="154" data-height="88">

    <!-- Unnamed (Rectangle) -->
    <div id="u8906" class="ax_default box_1">
        <div id="u8906_div" class=""></div>
        <div id="u8906_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8907" class="ax_default label">
        <div id="u8907_div" class=""></div>
        <div id="u8907_text" class="text ">
            <p><span>提示标题</span></p>
        </div>
    </div>

    <!-- Unnamed (Line) -->
    <div id="u8908" class="ax_default line">
        <img id="u8908_img" class="img " src="assets/images/气泡提示/u8890.svg"/>
        <div id="u8908_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8909" class="ax_default label">
        <div id="u8909_div" class=""></div>
        <div id="u8909_text" class="text ">
            <p><span>提示内容</span></p>
        </div>
    </div>

    <!-- Unnamed (Triangle) -->
    <div id="u8910" class="ax_default box_1">
        <img id="u8910_img" class="img " src="assets/images/文字提示/u8733.svg"/>
        <div id="u8910_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u8911" class="ax_default" data-left="754" data-top="798" data-width="154" data-height="88">

    <!-- Unnamed (Rectangle) -->
    <div id="u8912" class="ax_default box_1">
        <div id="u8912_div" class=""></div>
        <div id="u8912_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8913" class="ax_default label">
        <div id="u8913_div" class=""></div>
        <div id="u8913_text" class="text ">
            <p><span>提示标题</span></p>
        </div>
    </div>

    <!-- Unnamed (Line) -->
    <div id="u8914" class="ax_default line">
        <img id="u8914_img" class="img " src="assets/images/气泡提示/u8890.svg"/>
        <div id="u8914_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8915" class="ax_default label">
        <div id="u8915_div" class=""></div>
        <div id="u8915_text" class="text ">
            <p><span>提示内容</span></p>
        </div>
    </div>

    <!-- Unnamed (Triangle) -->
    <div id="u8916" class="ax_default box_1">
        <img id="u8916_img" class="img " src="assets/images/文字提示/u8733.svg"/>
        <div id="u8916_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u8917" class="ax_default" data-left="928" data-top="656" data-width="160" data-height="82">

    <!-- Unnamed (Rectangle) -->
    <div id="u8918" class="ax_default box_1">
        <div id="u8918_div" class=""></div>
        <div id="u8918_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8919" class="ax_default label">
        <div id="u8919_div" class=""></div>
        <div id="u8919_text" class="text ">
            <p><span>提示标题</span></p>
        </div>
    </div>

    <!-- Unnamed (Line) -->
    <div id="u8920" class="ax_default line">
        <img id="u8920_img" class="img " src="assets/images/气泡提示/u8890.svg"/>
        <div id="u8920_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8921" class="ax_default label">
        <div id="u8921_div" class=""></div>
        <div id="u8921_text" class="text ">
            <p><span>提示内容</span></p>
        </div>
    </div>

    <!-- Unnamed (Triangle) -->
    <div id="u8922" class="ax_default box_1">
        <img id="u8922_img" class="img " src="assets/images/文字提示/u8733.svg"/>
        <div id="u8922_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u8923" class="ax_default" data-left="928" data-top="550" data-width="160" data-height="82">

    <!-- Unnamed (Rectangle) -->
    <div id="u8924" class="ax_default box_1">
        <div id="u8924_div" class=""></div>
        <div id="u8924_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8925" class="ax_default label">
        <div id="u8925_div" class=""></div>
        <div id="u8925_text" class="text ">
            <p><span>提示标题</span></p>
        </div>
    </div>

    <!-- Unnamed (Line) -->
    <div id="u8926" class="ax_default line">
        <img id="u8926_img" class="img " src="assets/images/气泡提示/u8890.svg"/>
        <div id="u8926_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8927" class="ax_default label">
        <div id="u8927_div" class=""></div>
        <div id="u8927_text" class="text ">
            <p><span>提示内容</span></p>
        </div>
    </div>

    <!-- Unnamed (Triangle) -->
    <div id="u8928" class="ax_default box_1">
        <img id="u8928_img" class="img " src="assets/images/文字提示/u8733.svg"/>
        <div id="u8928_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u8929" class="ax_default" data-left="928" data-top="445" data-width="160" data-height="82">

    <!-- Unnamed (Rectangle) -->
    <div id="u8930" class="ax_default box_1">
        <div id="u8930_div" class=""></div>
        <div id="u8930_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8931" class="ax_default label">
        <div id="u8931_div" class=""></div>
        <div id="u8931_text" class="text ">
            <p><span>提示标题</span></p>
        </div>
    </div>

    <!-- Unnamed (Line) -->
    <div id="u8932" class="ax_default line">
        <img id="u8932_img" class="img " src="assets/images/气泡提示/u8890.svg"/>
        <div id="u8932_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8933" class="ax_default label">
        <div id="u8933_div" class=""></div>
        <div id="u8933_text" class="text ">
            <p><span>提示内容</span></p>
        </div>
    </div>

    <!-- Unnamed (Triangle) -->
    <div id="u8934" class="ax_default box_1">
        <img id="u8934_img" class="img " src="assets/images/文字提示/u8733.svg"/>
        <div id="u8934_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u8935" class="ax_default" data-left="754" data-top="294" data-width="154" data-height="88">

    <!-- Unnamed (Rectangle) -->
    <div id="u8936" class="ax_default box_1">
        <div id="u8936_div" class=""></div>
        <div id="u8936_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8937" class="ax_default label">
        <div id="u8937_div" class=""></div>
        <div id="u8937_text" class="text ">
            <p><span>提示标题</span></p>
        </div>
    </div>

    <!-- Unnamed (Line) -->
    <div id="u8938" class="ax_default line">
        <img id="u8938_img" class="img " src="assets/images/气泡提示/u8890.svg"/>
        <div id="u8938_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8939" class="ax_default label">
        <div id="u8939_div" class=""></div>
        <div id="u8939_text" class="text ">
            <p><span>提示内容</span></p>
        </div>
    </div>

    <!-- Unnamed (Triangle) -->
    <div id="u8940" class="ax_default box_1">
        <img id="u8940_img" class="img " src="assets/images/文字提示/u8733.svg"/>
        <div id="u8940_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u8941" class="ax_default" data-left="577" data-top="294" data-width="154" data-height="88">

    <!-- Unnamed (Rectangle) -->
    <div id="u8942" class="ax_default box_1">
        <div id="u8942_div" class=""></div>
        <div id="u8942_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8943" class="ax_default label">
        <div id="u8943_div" class=""></div>
        <div id="u8943_text" class="text ">
            <p><span>提示标题</span></p>
        </div>
    </div>

    <!-- Unnamed (Line) -->
    <div id="u8944" class="ax_default line">
        <img id="u8944_img" class="img " src="assets/images/气泡提示/u8890.svg"/>
        <div id="u8944_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8945" class="ax_default label">
        <div id="u8945_div" class=""></div>
        <div id="u8945_text" class="text ">
            <p><span>提示内容</span></p>
        </div>
    </div>

    <!-- Unnamed (Triangle) -->
    <div id="u8946" class="ax_default box_1">
        <img id="u8946_img" class="img " src="assets/images/文字提示/u8733.svg"/>
        <div id="u8946_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u8947" class="ax_default" data-left="401" data-top="294" data-width="154" data-height="88">

    <!-- Unnamed (Rectangle) -->
    <div id="u8948" class="ax_default box_1">
        <div id="u8948_div" class=""></div>
        <div id="u8948_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8949" class="ax_default label">
        <div id="u8949_div" class=""></div>
        <div id="u8949_text" class="text ">
            <p><span>提示标题</span></p>
        </div>
    </div>

    <!-- Unnamed (Line) -->
    <div id="u8950" class="ax_default line">
        <img id="u8950_img" class="img " src="assets/images/气泡提示/u8890.svg"/>
        <div id="u8950_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8951" class="ax_default label">
        <div id="u8951_div" class=""></div>
        <div id="u8951_text" class="text ">
            <p><span>提示内容</span></p>
        </div>
    </div>

    <!-- Unnamed (Triangle) -->
    <div id="u8952" class="ax_default box_1">
        <img id="u8952_img" class="img " src="assets/images/文字提示/u8733.svg"/>
        <div id="u8952_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8953" class="ax_default heading_1">
    <div id="u8953_div" class=""></div>
    <div id="u8953_text" class="text ">
        <p><span>Poptip 气泡提示</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8954" class="ax_default heading_1">
    <div id="u8954_div" class=""></div>
    <div id="u8954_text" class="text ">
        <p><span>概述</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8955" class="ax_default label">
    <div id="u8955_div" class=""></div>
    <div id="u8955_text" class="text ">
        <p><span>Poptip 与 Tooltip 类似，具有很多相同配置，不同点是 Poptip 以卡片的形式承载了更多的内容，比如链接、表格、按钮等。</span></p><p><span>Poptip 还 confirm 确认框，与 Modal 不同的是，它会出现在就近元素，相对轻量。</span></p>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u8956" class="ax_default" data-left="230" data-top="445" data-width="160" data-height="82">

    <!-- Unnamed (Rectangle) -->
    <div id="u8957" class="ax_default box_1">
        <div id="u8957_div" class=""></div>
        <div id="u8957_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8958" class="ax_default label">
        <div id="u8958_div" class=""></div>
        <div id="u8958_text" class="text ">
            <p><span>提示标题</span></p>
        </div>
    </div>

    <!-- Unnamed (Line) -->
    <div id="u8959" class="ax_default line">
        <img id="u8959_img" class="img " src="assets/images/气泡提示/u8890.svg"/>
        <div id="u8959_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8960" class="ax_default label">
        <div id="u8960_div" class=""></div>
        <div id="u8960_text" class="text ">
            <p><span>提示内容</span></p>
        </div>
    </div>

    <!-- Unnamed (Triangle) -->
    <div id="u8961" class="ax_default box_1">
        <img id="u8961_img" class="img " src="assets/images/文字提示/u8733.svg"/>
        <div id="u8961_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8962" class="ax_default box_1">
    <div id="u8962_div" class=""></div>
    <div id="u8962_text" class="text ">
        <p><span>上左</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8963" class="ax_default box_1">
    <div id="u8963_div" class=""></div>
    <div id="u8963_text" class="text ">
        <p><span>上边</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8964" class="ax_default box_1">
    <div id="u8964_div" class=""></div>
    <div id="u8964_text" class="text ">
        <p><span>上右</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8965" class="ax_default box_1">
    <div id="u8965_div" class=""></div>
    <div id="u8965_text" class="text ">
        <p><span>左上</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8966" class="ax_default box_1">
    <div id="u8966_div" class=""></div>
    <div id="u8966_text" class="text ">
        <p><span>左边</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8967" class="ax_default box_1">
    <div id="u8967_div" class=""></div>
    <div id="u8967_text" class="text ">
        <p><span>左下</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8968" class="ax_default box_1">
    <div id="u8968_div" class=""></div>
    <div id="u8968_text" class="text ">
        <p><span>下左</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8969" class="ax_default box_1">
    <div id="u8969_div" class=""></div>
    <div id="u8969_text" class="text ">
        <p><span>下边</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8970" class="ax_default box_1">
    <div id="u8970_div" class=""></div>
    <div id="u8970_text" class="text ">
        <p><span>下右</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8971" class="ax_default box_1">
    <div id="u8971_div" class=""></div>
    <div id="u8971_text" class="text ">
        <p><span>右上</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8972" class="ax_default box_1">
    <div id="u8972_div" class=""></div>
    <div id="u8972_text" class="text ">
        <p><span>右边</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8973" class="ax_default box_1">
    <div id="u8973_div" class=""></div>
    <div id="u8973_text" class="text ">
        <p><span>右下</span></p>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u8974" class="ax_default" data-left="230" data-top="961" data-width="192" data-height="95">

    <!-- Unnamed (Rectangle) -->
    <div id="u8975" class="ax_default box_1">
        <div id="u8975_div" class=""></div>
        <div id="u8975_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8976" class="ax_default label">
        <div id="u8976_div" class=""></div>
        <div id="u8976_text" class="text ">
            <p><span>您确认删除这条内容吗？</span></p>
        </div>
    </div>

    <!-- Unnamed (Triangle) -->
    <div id="u8977" class="ax_default box_1">
        <img id="u8977_img" class="img " src="assets/images/文字提示/u8733.svg"/>
        <div id="u8977_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8978" class="ax_default label">
        <div id="u8978_div" class=""></div>
        <div id="u8978_text" class="text ">
            <p><span></span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8979" class="ax_default box_1">
        <div id="u8979_div" class=""></div>
        <div id="u8979_text" class="text ">
            <p><span>确定</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u8980" class="ax_default box_1">
        <img id="u8980_img" class="img " src="assets/images/气泡提示/u8980.svg"/>
        <div id="u8980_text" class="text ">
            <p><span>取消</span></p>
        </div>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u8981" class="ax_default box_1">
    <div id="u8981_div" class=""></div>
    <div id="u8981_text" class="text ">
        <p><span>删除</span></p>
    </div>
</div>
</body>
</html>
